// Variables


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);


@basefont1:'Open Sans', sans-serif;
@basefont2:'Roboto', sans-serif;


/*Theme Colors*/
@topbar:#fff;
@sidebar:#3a3f51;
@bodycolor:#f1f2f7;
@headingtext: #2b2b2b;
@bodytext: #686868;

/*bootstrap Color*/
@danger: #f96262;
@success: #99d683;
@warning: #ffca4a;
@primary: #6164c1;
@info: #13dafe;
@muted: #98a6ad;
@dark: #2b2b2b;
@inverse:#4c5667;
@light:#e4e7ea;
@extralight:#f4f8fb ;

/*Normal Color*/
@white: #ffffff;
@red:#fb3a3a;
@purple:#6164c1;
@blue:#13dafe;
@border:rgba(120, 130, 140, 0.13);


/*Border radius*/
@radius:0px;

/*Preloader*/
.preloader{
    width: 100%;
    height: 100%;
    top:0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
    .cssload-speeding-wheel{
        position: absolute;
        top: ~"calc(50% - 3.5px)";
        left: ~"calc(50% - 3.5px)";
    }
}





